<script setup>
import {onMounted, ref} from 'vue'
import scrollTable from '../../../components/scrollTable.vue'
import {storeToRefs} from 'pinia'
import {useResultQita} from '../../../stores/result-base-risk-qi-ta.js'

const getrs = useResultQita();
const {
  tableRte
} = storeToRefs(getrs)
const activeNames = ref(['0']);
onMounted(() => {
  console.log('qita....')
})
</script>

<template>
  <van-collapse v-model="activeNames" :accordion="false">
    <van-collapse-item title="诉讼风险" name="1">
      <div class="matter v-center">
        公司近1年涉及3起诉讼。
        <div class="check-more">
          <span>查看历史</span>
          <van-icon name="arrow"/>
        </div>
      </div>
      <div class="mt-12">
        <scrollTable :title-list="tableRte.titleList" :data-list="tableRte.dataList"/>
      </div>
    </van-collapse-item>
    <van-collapse-item title="调出指数成分股风险" name="2">
      <div class="matter">
        6月30日，本公司将被调出沪深300指数。
      </div>
    </van-collapse-item>
  </van-collapse>
</template>

<style scoped lang="scss">
.v-center {
  display: flex;
  align-items: center;
}
</style>